<script setup>
import router from "@/router";

</script>

<template>
  <!-- 总容器 -->
  <div class="wrapper" style="background-color: #FFFFFF;overflow: hidden;">
    <header>
      <i class="fa fa-angle-left" onclick="history.go(-1)"></i>
      <p>取消预约</p>
      <div></div>
    </header>
    <!--结果页-->
    <div style="margin-top: 15vh">
      <el-result
          icon="success"
          title="取消预约成功"
      >
        <template #extra>
          <div
              style="display: flex;flex-direction: column;font-size: small;color: gray">
            退款将在24小时内到账
            <el-button
                type="primary"
                @click="router.push('/appointmentlist')"
                style="margin-top: 10px"
            >返回预约界面</el-button>
          </div>
        </template>
      </el-result>
    </div>
  </div>

</template>

<style scoped>
@import "@/assets/css/reportlist.css";
@import "@/assets/framework/font-awesome/css/font-awesome.min.css";
@import "@/assets/framework/reset.css";
</style>
